.record-pane {
    -fx-border-color: #8fbc8f;
    -fx-border-width: 1px 1px 1px 1px;
    -fx-border-radius: 20px;
    -fx-background-color: #8fbc8f;
    -fx-background-radius: 20px;
    -fx-padding: 5px;
    -fx-effect: innershadow(three-pass-box, lightgray, 10, 0.5, 0, 0);
}

.record-pane .time-tip {
    -fx-font-size: 26px;
    -fx-font-weight: 500;
    -fx-text-fill: #228b22;
}

.setting-pane {
    -fx-background-color: #8fbc8f;
    -fx-background-radius: 20px;
    -fx-border-radius: 20px;
    -fx-padding: 10px;
    -fx-spacing: 10px;
    -fx-pref-width: 250px;
    -fx-pref-height: 80px;
}

.setting-pane .label, .setting-pane .button, .setting-pane .radio-button {
    -fx-font-size: 12px;
    -fx-text-fill: white;
}

.setting-pane .tip {
    -fx-font-size: 10px;
    -fx-text-fill: lightgray;
}

.setting-pane .separator {
    -fx-background-color: #f0f8ff;
    -fx-background-radius: 2px;
}